<template name="skeleton">
  <view class="sk-container">
    <view class="img">
      <image mode="aspectFill" class="sk-image"></image>
      <text class="logined sk-transparent sk-text-14-2857-188 sk-text">Nuyoah🧸</text>
    </view>
    <view class="info">
      <view class="info-item">
        <text class="sk-transparent sk-opacity">5</text>
        <text class="sk-transparent sk-text-14-2857-872 sk-text">健康分</text>
      </view>
      <view class="info-item">
        <text class="sk-transparent sk-opacity">5</text>
        <text class="sk-transparent sk-text-14-2857-769 sk-text">优惠券</text>
      </view>
      <view class="info-item">
        <text class="sk-transparent sk-opacity">8</text>
        <text class="sk-transparent sk-text-14-2857-3 sk-text">消息</text>
      </view>
    </view>
    <view class="orders">
      <view class="order">
        <view class="order-item">
          <image mode="widthFix" style="height: 30px;" class="sk-image"></image>
          <text class="sk-transparent sk-text-14-2857-971 sk-text">就诊人管理</text>
        </view>
      </view>
      <view class="order">
        <view class="order-item">
          <image mode="widthFix" style="height: 30px;" class="sk-image"></image>
          <text class="sk-transparent sk-text-14-2857-773 sk-text">我的挂号</text>
        </view>
      </view>
      <view class="order">
        <view class="order-item">
          <image mode="widthFix" style="height: 30px;" class="sk-image"></image>
          <text class="sk-transparent sk-text-14-2857-678 sk-text">新冠疫苗</text>
        </view>
      </view>
      <view class="order">
        <view class="order-item">
          <image mode="widthFix" style="height: 30px;" class="sk-image"></image>
          <text class="sk-transparent sk-text-14-2857-646 sk-text">HPV疫苗</text>
        </view>
      </view>
      <view class="order">
        <view class="order-item">
          <image mode="widthFix" style="height: 30px;" class="sk-image"></image>
          <text class="sk-transparent sk-text-14-2857-501 sk-text">核酸检测</text>
        </view>
      </view>
      <view class="order">
        <view class="order-item">
          <image mode="widthFix" style="height: 30px;" class="sk-image"></image>
          <text class="sk-transparent sk-text-14-2857-113 sk-text">我的体检</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
</script>

<style>
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-188 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-14-2857-872 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-769 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-3 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-971 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-773 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-678 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-646 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-501 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-113 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }
</style>